<ion-view id="view-tabs-messages">
  <!-- 顶部的按钮  左文字-->
  <ion-nav-buttons side="primary">
    <button class="button button-icon button-small">微信</button>
  </ion-nav-buttons>
  <!-- 顶部的按钮  右加号搜索-->
  <ion-nav-buttons side="secondary">
    <button class="button button-icon button-small icon ion-search"></button>      
    <button class="button button-icon button-small icon ion-plus-round" ng-click="openPopover($event)"></button>
  </ion-nav-buttons>
  <!-- 页面内容 -->
  <ion-content class="padding">
    <div class="list">
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'夏有乔木雅望天堂'})">
        <img src="img/1.jpg">
        <h2>夏有乔木雅望天堂</h2>
        <p>假如我们相遇，肯定一眼就能认出彼此</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'未闻花开'})">
        <img src="img/2.jpg">
        <h2>未闻花开</h2>
        <p>【从你的前前前世开始，</p>
        <p>我就开始找寻你】</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'七月与安生'})">
        <img src="img/3.jpg">
        <h2>七月与安生</h2>
        <p>从现在开始，我将追寻你的名字。</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'凉子辰'})">
        <img src="img/4.jpg">
        <h2>凉子辰</h2>
        <p>我们曾在过去的梦境里相遇</p>
        <p>我们将在未来的现世中相逢</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'你的名字❤'})">
        <img src="img/5.jpg">
        <h2>你的名字❤</h2>
        <p>我们仍未知道那天所看见的花的名字。</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'夏目'})">
        <img src="img/6.jpg">
        <h2>夏目</h2>
        <p>我们是时间的旅行者，我早就认识了你</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'有一个地方只有我们知道'})">
        <img src="img/7.jpg">
        <h2>有一个地方只有我们知道</h2>
        <p>不管你在世界的哪个地方，</p>
        <p>我一定会，再次去见你的。</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'久伴还是酒伴'})">
        <img src="img/8.jpg">
        <h2>久伴还是酒伴</h2>
        <p>未遇上你的日子就是我的冬天</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'@银尘'})">
        <img src="img/9.jpg">
        <h2>@银尘</h2>
        <p>在茫茫人海中寻找从未见过的你</p>
      </a>
      <a class="item item-avatar" ui-sref="tabs.dialogs({name:'slimer'})">
        <img src="img/10.jpg">
        <h2>BoomShaKaLaKa</h2>
        <p>彼方为谁，无我有问</p>
        <p>九月露湿，待君之前</p>
      </a>
    </div>
  </ion-content>
  <script id="popover" type="text/ng-template">
    <ion-popover-view>
    <ion-list>
      <ion-item class="item-icon-left">
      <span class="icon ion-ios-chatbubble"></span>发起群聊
      </ion-item>
      <ion-item class="item-icon-left">
      <span class="icon ion-person-add"></span>添加朋友
      </ion-item>
      <ion-item class="item-icon-left">
      <span class="icon ion-android-expand"></span>扫一扫
      </ion-item>
      <ion-item class="item-icon-left">
      <span class="icon ion-social-yen"></span>收付款
      </ion-item>
      <ion-item class="item-icon-left">
      <span class="icon ion-email"></span>帮助与反馈
      </ion-item>
    </ion-list>
    </ion-popover-view>
  </script>
</ion-view>
